﻿@model ECatalog.Models.UserIU.ComplectsViewModel
@{
    Layout = null;
}
<div class="modal fade" id="notifyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width: 600px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size: 41px;">&times;</button>
                <h4 class="modal-title">Введите свой емейл<br />
                    и мы будем уведомлять Вас об обновлениях в коллекциях
                </h4>
            </div>
            <div class="modal-body">
                @using (Html.BeginForm("GetComplects", "Base",new {organizationId = Model.OrganizationId, numModel = Model.NumModel}, FormMethod.Post, new { id = "notifyForm" }))
                {
                    <input type="hidden" id="Size" name="Size" data-bind="value: notifySize" />
                    <input type="hidden" id="ModelId" name="ModelId" data-bind="value: notSizeModelId" />
                    <input type="hidden" id="ShopId" name="ShopId" data-bind="value: notSizeShopId" />
                    <div>
                        <textarea id="write" name="Write" class="form-control" rows="1" placeholder="email@example.com" style="resize: none;"></textarea>
                        <div id="container">
                            <ul id="keyboard">
                                @*<li class="symbol"><span class="off">`</span><span class="on">~</span></li>*@
                                <li class="symbol"><span class="off">1</span><span class="on">!</span></li>
                                <li class="symbol"><span class="off">2</span><span class="on">@string.Format("@")</span></li>
                                <li class="symbol"><span class="off">3</span><span class="on">#</span></li>
                                <li class="symbol"><span class="off">4</span><span class="on">$</span></li>
                                <li class="symbol"><span class="off">5</span><span class="on">%</span></li>
                                <li class="symbol"><span class="off">6</span><span class="on">^</span></li>
                                <li class="symbol"><span class="off">7</span><span class="on">&amp;</span></li>
                                <li class="symbol"><span class="off">8</span><span class="on">*</span></li>
                                <li class="symbol"><span class="off">9</span><span class="on">(</span></li>
                                <li class="symbol"><span class="off">0</span><span class="on">)</span></li>
                                @* <li class="symbol"><span class="off">=</span><span class="on">+</span></li>*@
                                <li class="delete lastitem">&larr;&nbsp;delete</li>
                                @*<li class="tab"></li>*@
                                <li class="letter" style="clear: left;">q</li>
                                <li class="letter">w</li>
                                <li class="letter">e</li>
                                <li class="letter">r</li>
                                <li class="letter">t</li>
                                <li class="letter">y</li>
                                <li class="letter">u</li>
                                <li class="letter">i</li>
                                <li class="letter">o</li>
                                <li class="letter">p</li>
                                <li class="symbol lastitem"><span class="off">-</span><span class="on">_</span></li>
                                @*<li class="symbol"><span class="off">[</span><span class="on">{</span></li>
                                <li class="symbol"><span class="off">]</span><span class="on">}</span></li>
                                <li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li>*@
                                @*<li class="capslock">caps lock</li>*@
                                <li class="letter" style="clear: left;">a</li>
                                <li class="letter">s</li>
                                <li class="letter">d</li>
                                <li class="letter">f</li>
                                <li class="letter">g</li>
                                <li class="letter">h</li>
                                <li class="letter">j</li>
                                <li class="letter">k</li>
                                <li class="letter">l</li>
                                <li class="symbol lastitem"><span class="off">@string.Format("@")</span><span class="on">@string.Format("@")</span></li>
                                @*<li class="symbol"><span class="off">;</span><span class="on">:</span></li>
                                <li class="symbol"><span class="off">'</span><span class="on">&quot;</span></li>
                                <li class="return lastitem">return</li>*@
                                <li class="left-shift">shift</li>
                                <li class="letter">z</li>
                                <li class="letter">x</li>
                                <li class="letter">c</li>
                                <li class="letter">v</li>
                                <li class="letter">b</li>
                                <li class="letter">n</li>
                                <li class="letter">m</li>
                                @*<li class="symbol"><span class="off">,</span><span class="on">&lt;</span></li>*@
                                <li class="symbol"><span class="off">.</span><span class="on">&gt;</span></li>
                                @* <li class="symbol"><span class="off">/</span><span class="on">?</span></li>*@
                                @*<li class="right-shift lastitem">shift</li>*@
                                @* <li class="lastitem">&nbsp;</li>*@
                            </ul>
                        </div>
                        <p>
                            <br />
                            <button type="button" class="button-submit" id="submitButton" style="margin-top: 20px; margin-left: 155px;border-radius: 6px;">Подписаться на рассылку</button>
                        </p>
                    </div>
                }
            </div>

        </div>
    </div>
</div>
